<template>
    <div>
      <!-- 整合到 Home 组件 -->
      <home :query="$route.query.wd"></home>
    </div>
</template>

<script>
import Home from '@/views/front/Home.vue'
export default {
  components: {
    Home
  },
  // data() {
  //   return {
  //       // searchText: ''
  //     ArticleList: [],
  //     queryInfo: {
  //       query: "",
  //       pagenum: 1,
  //       pagesize: 5,
  //     },
  //     maxPageSize: 1,
  //     imgUrl: '/api/download',
  //     scrollTop: 0,
  //   }
  // },
  // methods: {
  //   GetArticleList() {
  //     console.log('loading');
  //     this.$http.get("/front/article", { params: this.queryInfo }).then((res) => {
  //       if (!res.data.status) {
  //         return this.$message.error("获取文章失败！");
  //       }
  //       const data = res.data.data;

  //       this.ArticleList.push(...data.records) ;
  //       this.maxPageSize = Math.ceil(data.total / this.queryInfo.pagesize)
  //     });
  //   },
  // },
  // watch: {
    
  // },
  // mounted() {
  //   this.queryInfo.query = this.$route.query.wd
  //   this.GetArticleList()
  //   console.log(this.$route);
  // }

}
</script>

<style lang="less" scoped>
// .home {
//   margin: 0px 5px;
// }

// .card {
//   min-height: 180px;
//   display: flex;
//   justify-content: space-between;
//   // align-items: center;
//   background-color: #fff;
//   border-radius: 5px;
//   padding: 10px;
//   margin: 10px 0;
//   // width: 100%;
//   cursor: pointer;
//   transition: all 0.3s;
//   &:hover {
//     box-shadow:  0 2px 6px 0 rgb(0 0 0 / 10%);
//   }
//   &:hover {
//     color: #006d87;
//     text-decoration: underline;
//   }
//   .card-left {
//     width: 75%;
//     display: flex;
//     flex-direction: column;
//     // justify-content: space-between;
//     flex: 5;
//     position: relative;
    
//     .card-title {
//       font-size: 1.25rem;
//       font-weight: bold;
//       text-overflow: ellipsis;
//       white-space: nowrap;
//       overflow: hidden;
//     }
//     .card-body {
//       width: 100%;
//       height: 60%;
//       margin: 5px;
//       color: #201f1e;
//     }
//     .card-footer {
//       position: absolute;
//       bottom: 10px;
//       color: #57606f;
//       width: 100%;
//       .category-tag {
//         position: absolute;
//         right: 10px;
//       }
//       .el-icon:before {
//         padding-right: 5px;
//       }
//     }
    
//   }
//   .card-right {
//     width: 25%;
//     flex: 2;
//     display: flex;
//     align-items: center;
//     .image {
//       width: 100%;
//       // height: 100%;
//     }
//   }
// }

</style>